<div>

    <div class="header">
        <div class="header-right pure-g-r">
            <div class="pure-u-2-3">
                {{ image("img/logo.png") }}
            </div>
             <div class="pure-u-1-3">
                {{ form("/search", "method": "get","class":"header-left pure-form","style":"padding:20px;") }}
                    {{ text_field("content","class":"header-find pure-input-rounded" )}}
                    {{ submit_button("","id":"submit_btn_2")}}
                {{ endform() }}
            </div>
        </div>
    </div>
<div style="position: relative;">
        <div class="nav border">
            <nav class="nav-collapse flotnv" id="mheight">
               {% if nav %}
                    <ul id="mycarousel">
                    {% for link in nav %}
                        <li>
                            <a href="{{ link.url }}">{{ link.title }}</a>
                            <ul>
                                {% if link.sons is defined %}
                                {% for linkTwo in link.sons %}
                                    <li style="width:100%">
                                        <a href="{{ linkTwo.url }}">{{ linkTwo.title }}</a>
                                    </li>
                                {% endfor %}
                                {% endif %}
                            </ul>
                        </li>
                    {% endfor %}
                    </ul>
                {% endif %}
            </nav>
    
        </div>
    </div>     
</div>
